﻿@using Common

@model Param_TemplateClassify
<link href="https://cdn.staticfile.org/layui/2.7.6/css/layui.css" rel="stylesheet">
<link rel="stylesheet" href="/Content/layuiadmin/style/admin.css" media="all">

<div class="layui-fluid">
    <div class="layui-container">
        <div class="layui-row">
            <div class="layui-col-xs10 layui-col-xs-offset1 layui-col-sm10 layui-col-sm-offset1">
                <form class="layui-form" lay-filter="form" style="margin-right:60px;" onsubmit="return false">
                    <div class="layui-form-item">
                        <label class="layui-form-label">父级分类</label>
                        <div class="layui-input-block">
                            <select name="ParentID" id="ParentID" required lay-verify="required">
                                @foreach (var item in (List<Param_TemplateClassify>)ViewBag.Parent)
                                {
                                    <option value="@item.ClassifyID" @(item.ClassifyID == Model.ParentID ? "selected" : "")>@(item.ClassifyID+ item.Cname)</option>
                                }
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">分类名称</label>
                        <div class="layui-input-block">
                            <input type="text" name="cname" id="cname" required lay-verify="required" placeholder="请输入名称" autocomplete="off" class="layui-input" value="@Model.Cname">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">权重</label>
                        <div class="layui-input-block">
                            <select name="ParentID" id="Power" required lay-verify="required">
                                <option value="@Model.Sort">@Model.Sort</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">是否启用</label>
                        <div class="layui-input-block">
                            <input type="checkbox" name="show" id="show" lay-skin="switch" value="@(Model.Show.Value)"@(Model.Show.Value?"checked":"")>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn sub" lay-submit lay-filter="formDemo">立即提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<script src="https://cdn.staticfile.org/layui/2.7.6/layui.js"></script>
<script>
    layui.config({
        base: '/Content/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'set']);
</script>

<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="~/Scripts/tools.js"></script>
<script>
    var data = {};
    //Demo
    $(function () {
        var form = layui.form;
        var upload = layui.upload;
            var uploadInst = upload.render({
                elem: '#test1' //绑定元素
                , url: '' //上传接口
                , auto: false//是否自动上传
                , bindAction: "#VBHUJ"
                , multiple: false
                , size: 1024*5 //上传图片大小限制 KB
                , number: 1 //同时上传数量
                , accept: "images" //文件类型
                , acceptMime: 'image/*'
                , choose: function (obj) {
                    //预读本地文件，如果是多文件，则会遍历。(不支持ie8/9)
                    obj.preview(function (index, file, result) {
                        //console.log(index); //得到文件索引
                        //console.log(file); //得到文件对象
                        //console.log(result); //得到文件base64编码，比如图片
                        $("#timg").unbind();
                        $("#timg").attr("src", result);

                        $("#timg").click(function () {
                            openimg(`${result}`);
                        })

                        //obj.resetFile(index, file, '123.jpg'); //重命名文件名，layui 2.3.0 开始新增

                        //这里还可以做一些 append 文件列表 DOM 的操作

                        //obj.upload(index, file); //对上传失败的单个文件重新上传，一般在某个事件中使用
                        //delete files[index]; //删除列表中对应的文件，一般在某个事件中使用
                    });
                }
                , done: function (res) {
                }
                , error: function () {
                    //请求异常回调
                }
            });

        form.on('submit(form)', function () {
            // 验证均通过后的操作（如 Ajax 提交）
            // …
            //timg相当于icon
            //data.Timg = $("#timg").attr("src");
            //if (data.Timg == undefined || data.Timg == "") {
            //    console.log(data.Timg);
            //    layer.msg("图片不能为空", { icon: 5, anim: 6 });
            //    return false;
            //}
            var index = layer.load(1, { shade: [0.6, "#fff"] });
            data.Cname = $("#cname").val();
            data.Show = $("#show")[0].checked;
            data.ParentID = $("#ParentID").val();
            data.Sort = $("#Power").val();
            if (@Model.ParentID == 0) {
                layer.msg("顶级分类不能更改，请刷新重新更改");
                return;
            }
            //console.log(data);

            $.post(apiurl + "api/TemplateClassify/Update/"+@Model.ClassifyID, data, function (res) {
                console.log(res);
                if (res.Code == 200) {
                    setTimeout(() => {
                        layer.close(index);
                        layer.msg("添加成功", { icon: 6, time: 1500 });
                        setTimeout(() => {
                            parent.layer.close(parent.layer.getFrameIndex(window.name));
                            parent.location.reload();
                        }, 600)
                    }, 300);
                }
                else {
                    layer.msg("添加失败", { icon: 5, anim: 6, time: 1500 });
                }
            })
        });

            //执行实例
            //form.verify({
            //    tname: function (value, item) { //value：表单的值、item：表单的DOM对象
            //        if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
            //            return '用户名不能有特殊字符';
            //        }
            //        if (/(^\_)|(\__)|(\_+$)/.test(value)) {
            //            return '用户名首尾不能出现下划线\'_\'';
            //        }
            //        if (/^\d+\d+\d$/.test(value)) {
            //            return '用户名不能全为数字';
            //        }

            //        //如果不想自动弹出默认提示框，可以直接返回 true，这时你可以通过其他任意方式提示（v2.5.7 新增）
            //        if (value === 'xxx') {
            //            alert('用户名不能为敏感词');
            //            return true;
            //        }
            //    }

            //    //我们既支持上述函数式的方式，也支持下述数组的形式
            //    //数组的两个值分别代表：[正则匹配、匹配不符时的提示文字]
            //    , pass: [
            //        /^[\S]{6,12}$/
            //        , '密码必须6到12位，且不能出现空格'
            //    ]
            //});


    })

</script>
